<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:head>
		<title>Caja</title>
	</h:head>
	<ui:composition template="/sitio/templates/template1.xhtml">
		<ui:define name="edit2">
			<div id="contenidoc">			
				<h:form id="formularioDetalleCaja">
					<p:growl id="mensaje" showDetail="true" life="001" sticky="true"></p:growl>
					<p:panelGrid columns="2" id="detalleCaja">
						<f:facet name="header">
							CAJA
						</f:facet>
						<h:outputLabel for="codigoCaja" value="Codigo de la Caja: "></h:outputLabel>
						<p:inputText id="codigoCaja" value="#{cajaBean.cajaDTO.codigoCaja}"></p:inputText>	
						
						<h:outputLabel for="descrpcion" value="Descripción: "></h:outputLabel>
						<p:inputText id="descrpcion" value="#{cajaBean.cajaDTO.descripcion}"></p:inputText>
						
						<h:outputLabel for="comprobante" value="Comprobante: "></h:outputLabel>
						<p:inputText id="comprobante" value="#{cajaBean.cajaDTO.comprobante}"></p:inputText>
						
						<h:outputLabel for="tipo" value="Tipo de movimiento: "></h:outputLabel>
						<p:selectOneMenu id="tipo" value="funcionar">
							<f:selectItem itemLabel="Seleccione uno" itemValue=""></f:selectItem>
							<f:selectItem itemLabel="Entrada" itemValue="entrada"></f:selectItem>
							<f:selectItem itemLabel="Salida" itemValue="salida"></f:selectItem>
						</p:selectOneMenu>
						
						<h:outputLabel for="popup" value="Fecha: "></h:outputLabel>
						<p:calendar id="popup" value="#{cajaBean.date}"></p:calendar>
						
						
						<h:outputLabel for="importe" value="Importe: "></h:outputLabel>
						<p:inputText id="importe" value="#{cajaBean.cajaDTO.importe}"></p:inputText>

						<h:outputLabel for="usuarioDTO" value="Usuario: "></h:outputLabel>
						<p:selectOneMenu id="usuarioDTO" value="#{cajaBean.usuarioDTO}">
							<f:selectItem itemLabel="Seleccione uno" itemValue=""></f:selectItem>
							<f:selectItems value="#{cajaBean.usuarioDTO.usuario}"></f:selectItems>
						</p:selectOneMenu>
						
						<h:outputLabel for="listaUsuarioPrueba" value="Lista prueba: "></h:outputLabel>
						<p:selectOneMenu id="listaUsuarioPrueba" value="#{cajaBean.usuarioDTO}" style="width:150px">
			                <f:selectItem itemLabel="Select usuario" itemValue="" noSelectionOption="true" />
			                <f:selectItems value="#{cajaBean.mapaUsuarios}" />
			            </p:selectOneMenu>
		
						<p:dialog modal="true" resizable="false" header="Values" widgetVar="dlg" showEffect="fold">
							<p:panelGrid id="display" columns="2" columnClasses="label,value">
								<h:outputText value="Popup: "></h:outputText>
								<h:outputText value="#{cajaBean.date}">
									<f:convertDateTime pattern="yyyy/MM/dd"></f:convertDateTime>
								</h:outputText>
							</p:panelGrid>
						</p:dialog>
						<f:facet name="footer">
							<p:commandButton type="submit" value="Crear" style="margin:0" actionListener="#{cajaBean.crear}" update=":formularioDetalleCaja:mensaje,:formularioResultadoCaja:tablaResultadoCaja"></p:commandButton>
							<p:commandButton type="submit" value="Actualizar" style="margin:0" actionListener="#{cajaBean.actualizar}" update=":formularioDetalleCaja:mensaje,:formularioResultadoCaja:tablaResultadoCaja"></p:commandButton>
							<p:commandButton type="submit" value="Consultar" style="margin:0" actionListener="#{cajaBean.consultarTodo}" update=":formularioDetalleCaja:mensaje,:formularioResultadoCaja:tablaResultadoCaja"></p:commandButton>
						</f:facet>
					</p:panelGrid>
				</h:form>
				<p:spacer></p:spacer>
				<h:form id="formularioResultadoCaja">
					<p:panelGrid columns="4">
						<f:facet name="header">
							Informacion de la Caja
						</f:facet>
						<p:dataTable var="u" value="#{cajaBean.cajaDTOLista}" id="tablaResultadoCaja" selectionMode="single" selection="#{cajaBean.cajaDTO}" rowKey="#{u.codigoCaja}">
							<p:ajax event="rowSelect" update=":formularioDetalleCaja:detalleCaja"></p:ajax>
							<p:column headerText="Codigo Caja">
								<h:outputText value="#{u.codigoCaja}"></h:outputText>
							</p:column>
							<p:column headerText="Descripción">
								<h:outputText value="#{u.descripcion}"></h:outputText>
							</p:column>
							<p:column headerText="Comprobante">
								<h:outputText value="#{u.comprobante}"></h:outputText>
							</p:column>
							<p:column headerText="Tipo movimiento">
								<h:outputText value="#{u.tipo}"></h:outputText>
							</p:column>
							<p:column headerText="Fecha">
								<h:outputText value="#{u.fecha}"></h:outputText>
							</p:column>
							<p:column headerText="Importe">
								<h:outputText value="#{u.importe}"></h:outputText>
							</p:column>
							<p:column headerText="Usuario">
								<h:outputText value="#{u.usuarioDTO.usuario}"></h:outputText>
							</p:column>
						</p:dataTable>
					</p:panelGrid>
				</h:form>
			</div>	
		</ui:define>
	</ui:composition>
</html>